<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>后台登录-X-admin2.0</title>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>

	</head>
	<body class="login-bg">

		<div class="login">
			<div class="message">wsc二手车交易平台管理系统</div>

			<form class="layui-form" id="loginForm">
				<input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
				<hr class="hr15">
				<input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
				<hr class="hr15">
				<button type="button" onclick="doSave();" class="layui-btn" style="width:100%;" lay-submit="" lay-filter="demo1">登录</button>
				<hr class="hr20">
			</form>
			<div id="rigisterHint" style="color:red"></div>
		</div>

		<script>
			//提交表单
			function doSave() {
				var request = $("#loginForm").serialize();
				$.post("http://localhost:8888/usedcar/user/loginBack", request, function(response) {
					console.log(response);
					console.log(response.msg);
					if (response.status == 200 ) {
						console.log("token"+response);
						document.cookie = response.data.token;
						//登录成功,跳转到主页面
						window.location.href = "index.html?token="+response.data.token;
					} else if (response.status == 400) {
						//用户名不正确
						console.log(response.msg);
						$("#rigisterHint").html(response.msg);
					}
				});
			}
		</script>


		<!-- 底部结束 -->

	</body>
</html>
